<template>
  <div class="w-100 h-100 d-flex flex-column ai-center jc-between">
    <div class="message flex-1">
      <CommonCard >
        <div class="message-inner d-flex flex-column ai-center p-10">
          <div class="ghost" />
          <div class="xin" />
        </div>
      </CommonCard>
    </div>
   <div class="w-100 d-flex ai-center jc-center flex-1">
      <div class="btn" @click="$router.push('/dashboard/fx')"></div>
   </div>
  </div>
</template>

<script>
import CommonCard from "@/components/CommonCard.vue";
import { getToken } from "@/api/user.js";
export default {
  name: "Sb",
  components: {
    CommonCard
  },
  mounted(){
    getToken()
  }
};
</script>

<style lang="scss" scoped>
.message {
  width: 7.964286rem; /* 892/112 */

}

.btn {
  width: 5.116071rem /* 573/112 */;
  height: 1.464286rem /* 164/112 */;
  background-image: url(../../assets/images/ss/btn1.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;

}

.message-inner {
  opacity: 1;
  padding-top: 0.651786rem /* 73/112 */;
  .ghost {
    width: 2.3rem ;
    height: 3.8rem;

    background-image: url(../../assets/images/ss/icon1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  .xin {
    margin-top: .7rem /* 150/112 */;
    opacity: 1;

    width: 4rem /* 544/112 */;
    height: 2.9rem /* 248/112 */;

    background-image: url(../../assets/images/ss/text1.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
}
</style>